<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/html/axios.min.js"></script>
    <script src="/html/room.js"></script>
    <link rel="stylesheet" href="room.css">
</head>
<body>
    <table border="1" width="60%" cellspacing="0">
        <thead>
            <tr><th>房间地址</th><th>单价</th><th>修建日期</th><th>操作</th></tr>
        </thead>

        <tbody id="roomData">

        </tbody>
    </table>
    <div id="pageDiv"></div>
    <h5>请输入查询条件</h5>
    地址：<input type="text" id="address"><br>
    起始价格：<input type="text" id="startPrice"><br>
    结束价格：<input type="text" id="endPrice"><br>
    <input type="button" value="查询" onclick="findByItem(1)">
    <input type="button" value="添加" onclick="showAddDiv()">

    <!--添加-->
    <div class="showDiv" id="addDiv">
        <div class="contentDiv">
            地址：<input type="text" id="addressInput"><br>
            价格：<input type="text" id="priceInput"><br>
            日期：<input type="text" id="dateInput"><br>
            <input type="button" value="添加" onclick="addRoom()">
        </div>
    </div>

    <!--修改-->
    <div class="showDiv" id="updateDiv">
        <div class="contentDiv">
            <input type="hidden" id="roomId"><br>
            地址：<span id="addressSpan"></span><br>
            价格：<input type="text" id="newPrice"><br>
            日期：<span id="dateSpan"></span><br>
            <input type="button" value="修改" onclick="updateRoom()">
        </div>
    </div>
</body>
</html>